html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: Calibri, Arial, sans-serif;
    font-size: 1em;
    color: #000;
    background: #fff;
}

div {
    margin: 0;
    padding: 0;
}

#header {
    margin: 10px 20px 0;
    padding: 0;
}

#control {
    background: #9cf;
    background: -moz-linear-gradient(#9cf, #fff);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#9cf), to(#fff));
    margin: 0 20px;
    border-top-right-radius: 5px;
    padding: 5px;
    border: 1px solid #777;
    border-bottom: none;
}

#content {
    background: #fff;
    margin: 0 20px;
    padding: 5px;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}

#footer {
    background: #9cf;
    background: -moz-linear-gradient(#fff, #9cf);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#fff), to(#9cf));
    margin: 0 20px;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #777;
    border-top: none;
}

#table-name {
    padding: 5px;
}

#message {
    background: #0c6;
    background: -moz-linear-gradient(#0c6, #093, #0c6);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#0c6), to(#0c6), color-stop(0.5, #093));
    position: absolute;
    visibility: hidden;
}

#help {
    float: right;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.25em;
}

a:link, a:visited {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

#extensionToolbar {
    background: #9c9;
    background: -moz-linear-gradient(#cfc, #9c9, #cfc);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#cfc), to(#cfc), color-stop(0.5, #9c9));
    border-radius: 5px;
    margin: 10px 20px 0 20px;
    padding: 10px;
    min-height: 30px;
}

div.extensionTitle {
    padding: 5px;
}

div.linkElement {
    cursor: default;
}

div.selectPanel {
    margin: 0 20px;
}

div.optionsPanel {
    border: 1px dotted #777;
    margin: 10px 20px 0 20px;
    padding: 10px;
    border-radius: 5px;
    min-height: 30px;
}

div.error {
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
    background: #f33;
    box-shadow: 0 0 5px #f00;
    background: -moz-linear-gradient(#f66, #f33, #f66);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#f66), to(#f66), color-stop(0.5, #f33));
}

div.success {
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
    background: #3f3;
    box-shadow: 0 0 5px #0f0;
    background: -moz-linear-gradient(#6f6, #3f3, #6f6);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#6f6), to(#6f6), color-stop(0.5, #3f3));
}

div.warning {
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
    background: #ff3;
    box-shadow: 0 0 5px #ff0;
    background: -moz-linear-gradient(#ff6, #ff0, #ff6);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#ff6), to(#ff6), color-stop(0.5, #ff0));
}

div.editBlock {
    padding: 5px;
}

div.operationResult {
    margin: 0 20px;
}

div.tablePanel {
    margin: 0 20px;
}

h1 {
    cursor: default;
    margin: 5px 0;
    padding: 0 20px;
    border: 1px solid #777;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #9cf;
    display: inline;
    font-family: "Lucida Sans Unicode", Tahoma, sans-serif;
    color: #365f91;
    font-weight: bold;
    font-size: 2em;
}

h2 {
    cursor: default;
    margin: 5px;
    display: inline;
    font-family: "Lucida Sans Unicode", Tahoma, sans-serif;
    color: #4f81bd;
    font-weight: bold;
    font-size: 1.5em;
}

p.center {
    margin: 0;
    padding: 0;
    text-align: center;
}

table {
    border-collapse: collapse;
}

tr {
}

tr.header {
    background: #ccc;
}

td {
    padding: 5px;
    border: 1px solid #000;
}

th {
    padding: 5px;
    border: 1px solid #000;
    font-weight: normal;
    font-family: Constantia, Arial, sans-serif;
}

label {
    width: 125px;
    text-align: left;
    float: left;
    font-weight: bold;
    padding: 3px;
    margin-right: 10px;
}

label.auto {
    width: auto;
}

input[type="submit"] {
    margin: 0 1px;
    border:none;
    outline:none;
    padding: 4px 15px;
    border-radius: 5px;
    font-family: Calibri, Arial, sans-serif;
    font-size: 0.9em;
    background: #ccc;
    background: -moz-linear-gradient(#ccc, #999, #ccc);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#ccc), to(#ccc), color-stop(0.5, #999));
}

input[type="submit"]:hover {
    background: #ddd;
    background: -moz-linear-gradient(#ddd, #aaa, #ddd);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#ddd), to(#ddd), color-stop(0.5, #aaa));
    cursor:pointer;
}

input.header[type="submit"] {
    margin: 0;
    border: none;
    outline: none;
    padding: 0;
    border-radius: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 0.9em;
}

input[type="text"] {
    width: 200px;
    outline: none;
    border: 1px solid #777;
    padding: 4px;
    border-radius: 5px;
    font-family: Calibri, Arial, sans-serif;
    font-size: 0.9em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

input[type="text"]:focus {
    box-shadow: 0 0 5px #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

select {
    background-image: url("down_arrow.png");
    background-repeat: no-repeat;
    background-position: right center;
    width: 210px;
    border: 1px solid #777;
    padding: 2px;
    border-radius: 5px;
    font-family: Calibri, Arial, sans-serif;
    font-size: 0.9em;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select:focus {
    box-shadow: 0 0 5px #000;
}

select.day {
    width: 50px;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

select.month {
    width: 100px;
    border-radius: 0;
}

select.year {
    width: 60px;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

select.localization {
    width: 150px;
    float: right;
}

input.tab[type="submit"] {
    border-radius: 0;
    background: #0c6;
    background: -moz-linear-gradient(#0c6, #093, #0c6);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#0c6), to(#0c6), color-stop(0.5, #093));
}

input.left-tab[type="submit"] {
    background: #0c6;
    background: -moz-linear-gradient(#0c6, #093, #0c6);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#0c6), to(#0c6), color-stop(0.5, #093));
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

input.right-tab[type="submit"] {
    background: #0c6;
    background: -moz-linear-gradient(#0c6, #093, #0c6);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#0c6), to(#0c6), color-stop(0.5, #093));
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

input.tab-active[type="submit"] {
    font-weight: bold;
    border-radius: 0;
    background: #096;
    background: -moz-linear-gradient(#096, #063, #096);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#096), to(#096), color-stop(0.5, #063));
}

input.left-tab-active[type="submit"] {
    font-weight: bold;
    background: #096;
    background: -moz-linear-gradient(#096, #063, #096);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#096), to(#096), color-stop(0.5, #063));
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

input.right-tab-active[type="submit"] {
    font-weight: bold;
    background: #096;
    background: -moz-linear-gradient(#096, #063, #096);
    background: -webkit-gradient(linear, 0 0, 0  100%, from(#096), to(#096), color-stop(0.5, #063));
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

input[type="checkbox"] {
    background-image: url("checkbox_no.png");
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
}

input[type="checkbox"]:checked {
    background-image: url("checkbox_yes.png");
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
}

img.sorting-style {
    float: right;
    margin-left: 5px;
    width: 16px;
    height: 16px;
}

img.small {
    float: left;
    width: 16px;
    height: 16px;
}

img.medium {
    margin-right: 5px;
    float: left;
    width: 24px;
    height: 24px;
}

img.large {
    float: left;
    width: 32px;
    height: 32px;
}

img.popupImage {
    float: left;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}